<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 先引入需要的css文件 -->
    <link rel="stylesheet" href="public/css/writepage.css">
    <link rel="stylesheet" href="public/css/editormd.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
   <!-- 提示信息 -->
   <div class="ding">
    这里是提示信息！
    </div>


<!-- 提交按钮 -->
<div class="input">提交文章</div>
<div class="gohome">返回主页</div>


    <div class="tb">
        <!-- 这里显示标题-->
        <input type="text" placeholder="请在这里填入标题(最多16字)" class="title" maxlength="16">
            </div>
    <div id="layout">

        <!-- 这里是editor.md -->
        <div id="test-editormd">
             <textarea style="display:none;"></textarea>
         </div>
   </div>
</body>

<!-- 这里引入js文件 -->
<script src="public/js/jquery.js"></script>
<script src="public/js/writepage.js"></script>
<script src="public/js/editormd.js"></script>

<!-- 这里是初始化 -->
<script type="text/javascript">
    $(function() {
        var testEditor = editormd("test-editormd", {
            width: "90%",
            height: 640,
            markdown : "",
            path : '/public/editor/lib/',
            //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为 true
            //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为 true
            //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为 true
            //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为 0.1
            //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为 #fff
            imageUpload : true,
            imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
            imageUploadURL : "/upload",
 
            /*
             上传的后台只需要返回一个 JSON 数据，结构如下：
             {
                success : 0 | 1,           // 0 表示上传失败，1 表示上传成功
                message : "提示的信息，上传成功或上传失败及错误信息等。",
                url     : "图片地址"        // 上传成功时才返回
             }
             */
        });
    });
 </script>
</html>